<template>
	<view class="activityDetailsBox">
		<view class="contentBox">
			<view class="contentBox1" v-for="(item,index) in list" :key="index">
				<!-- <view class="contentBox1Titles">
					
					<image v-if="status==1" src="/static/pages/index/modifyImg.png" mode="" class="modifyImg" @click="editClick"></image>
				</view> -->
				<view class="titleBox">
					门店名称:{{item.stores}}
				</view>
				<view class="funds">
					<view class="fundsW1">
						姓名：
					</view>
					<view class="fundsW2">
						{{item.name}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						电话：
					</view>
					<view class="quotaW2">
					{{item.mobile}}
					</view>
				</view>
				<!-- <view class="quota">
					<view class="quotaW1">
						登陆密码：
					</view>
					<view class="quotaW2">
						8
					</view>
				</view> -->
				<view class="quota">
					<view class="quotaW1">
						活动时间：
					</view>
					<view class="quotaW2">
						{{item.activitytime}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						经营区域：
					</view>
					<view class="quotaW2">
						{{item.address}}
					</view>
				</view>
			</view>
			
			
		</view>
		
		
	
	</view>
</template>

<script>
	import {regionSignUp} from '@/request/api.js';
	export default {
		data() {
			return {
				maskShow: false,
				feedbackShowa: false,
				feedbackShowc: false,
				feedbackisShow: '', //反馈1样式控制
				noShow: false, //反馈1"否"弹窗
				id:'',
				page:1,
				pageShow:false,
				list:[]
			};
		},
		onLoad(option) {
			// console.log(option,'2222222222222222222222222')
			this.id = option.id
		},
		onShow() {
			this.page=1;
			this.list=[];
			this.pageShow=false;
			this.init();
			
		},
		onReachBottom() {
			if(this.pageShow){
				this.init()
			}	
		},
		methods: {
			init(){
				let _this = this;
				let data = {
					id:_this.id,
					page:_this.page
				}
				
				regionSignUp(data).then(res=>{
					
					if(res.code==1){
						console.log(res,'99999')
						if(res.data.data.length>0){
							_this.list = _this.list.concat(res.data.data);
							_this.page++;
							_this.pageShow=true
							_this.list.forEach(item=>{
								if(item){
									item.activitytime=_this.formatDate(item.activitytime);
									// item.activitytime=_this.formatDate(item.activitytime);
								}
							})
						}else{
							_this.pageShow=false
						}
					}
				})
			},
			formatDate: function(value) {
				let date = new Date(value * 1000);
				//时间戳为10位需*1000，时间戳为13位的话不需乘1000
				let y = date.getFullYear();
				let MM = date.getMonth() + 1;
				MM = MM < 10 ? ('0' + MM) : MM; //月补0
				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d; //天补0
				let h = date.getHours();
				h = h < 10 ? ('0' + h) : h; //小时补0
				let m = date.getMinutes();
				m = m < 10 ? ('0' + m) : m; //分钟补0
				let s = date.getSeconds();
				s = s < 10 ? ('0' + s) : s; //秒补0
				console.log(y + '-' + MM + '-' + d);
				return y + '-' + MM + '-' + d; //年月日
					
			},
			feedbackClick(type) {
				let _this = this
				if (type == 1) {
					_this.maskShow = true
					_this.feedbackisShow = ''
					_this.feedbackShowa = true
				}
				if (type == 2) {
					uni.navigateTo({
						url: '/pagesA/DLR/conductDetalis'
					})
				}
				if (type == 3) {
					_this.maskShow = true
					_this.feedbackShowc = true
				}
			},
			//反馈1
			choiceClick(type) {
				let _this = this
				_this.feedbackisShow = type
				if (type == 1) {
					_this.feedbackShowa = false
					_this.noShow = true
				}
			},
			//关闭反馈1弹窗
			cloose() {
				this.maskShow = false
				this.feedbackShowa = false
			},
			//反馈1状态为"否"状态下
			clooseA() {
				this.maskShow = false
				this.noShow = false
			},
			clooseB() {
				let _this = this
				_this.maskShow = false
				_this.feedbackShowc = false
			},
			//反馈1"否"状态下状态为"是"弹窗
			choiceAClick() {
				this.feedbackShowa = true
				this.noShow = false
				this.feedbackisShow = 2
			},
			//未审核时进行编辑
			editClick(){
				uni.navigateTo({
					url:'/pagesA/DLR/editPages'
				})
			}
		}
	}
</script>

<style lang="scss">
	.ck_bao{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 100rpx;
		view{
			width: 340rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 1000px;
			background: #1855F6;
			font-size: 30rpx;
			color: #fff;
			text-align: center;
		}
	}
	page {
		background-color: #FFFFFF;
	}

	.activityDetailsBox {
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 40rpx;
		overflow: hidden;
		position: relative;

		.contentBox {
			width: 670rpx;
			margin: 30rpx auto 0;

			.contentBox1 {
				.contentBox1Titles{
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;
					justify-content: space-between;
					.contentBox1Title {
						display: flex;
						.wire {
							width: 4rpx;
							height: 36rpx;
							background: #2E2F33;
							border-radius: 2rpx;
							margin: 32rpx 0 0 24rpx;
						}
					
						.title {
							// line-height: 100rpx;
							font-size: 38rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #2E2F33;
							margin: 25rpx 0 0 14rpx;
						}
					}
					.modifyImg{
						width: 34rpx;
						height: 34rpx;
						margin: 33rpx 24rpx 0 0;
					}
				}
				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}

				.funds {
					width: 100%;
					height: 100rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid #F2F2F4;

					.fundsW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-left: 25rpx;
					}

					.fundsW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}

				.quota {
					width: 100%;
					height: 100rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid #F2F2F4;

					.quotaW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-left: 25rpx;
					}

					.quotaW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}
			}

			.contentBox2 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}
			}

			.contentBox3 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.contentWord {
					width: 620rpx;
					margin: 26rpx auto 0;
					word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}
			.contentBox3a{
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;
				
					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}
				
					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}
				.xTitle{
					display: flex;
					margin-top: 40rpx;
					justify-content: space-between;
					.xTitleW{
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-left: 26rpx;
					}
					.xTitleC{
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-right: 35rpx;
					}
				}
				.contentWord {
					width: 620rpx;
					margin: 26rpx auto 0;
					word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}
				


			.contentBox4 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.stage1 {
					width: 100%;
					display: flex;
					margin-top: 40rpx;

					.stage1Box {
						width: 40rpx;
						height: 40rpx;
						background: #1855F6;
						border-radius: 50%;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						line-height: 40rpx;
						text-align: center;
						margin-left: 24rpx;
					}

					.stage1BoxWord {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #2E2F33;
						margin-left: 26rpx;
						margin-top: -4rpx;
					}
				}

				.stage1Contnet {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWire {
						width: 2rpx;
						height: 140rpx;
						background: #1855F6;
						margin-left: 43rpx;
					}

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 44rpx;
					}
				}

				.stage1Contnet1 {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 89rpx;
					}
				}
			}
		}

		.mask {
			width: 100%;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			background-color: rgba(0, 0, 0, .3);

			.maskContent1 {
				width: 580rpx;
				height: 340rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 30%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.submitBox {
					width: 300rpx;
					height: 80rpx;
					background: #1855F6;
					border-radius: 40rpx;

					margin: 60rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}
			}

			.noBox {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 15%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding-bottom: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.ctimeBox {
					width: 540rpx;
					height: 90rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 70rpx auto 0;
					overflow: hidden;

					.timeIput {
						width: 90%;
						height: 60rpx;
						margin-top: 10rpx;
						margin-left: 20rpx;
					}
				}

				.contentBox {
					width: 540rpx;
					height: 260rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 30rpx auto 0;
					overflow: hidden;

					.contentBox1 {
						width: 92%;
						margin: 30rpx auto 0;

						.textBox {
							width: 92%;
						}
					}

				}

				.submitBox {
					width: 300rpx;
					height: 80rpx;
					background: #1855F6;
					border-radius: 40rpx;

					margin: 60rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}
			}

			.maskContent3 {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 15%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding-bottom: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.maskcnt {
					width: 100%;
					margin-top: 40rpx;
					.maskcnt1 {
						width: 540rpx;
						height: 100rpx;
						margin: 0 auto;
						display: flex;
						justify-content: space-between;
						.maskcnt1Title {
							width: 330rpx;
							height: 60rpx;
							line-height: 100rpx;
							font-size: 34rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}
						.inputs{
							margin-top: 30rpx;
						}
					}
					.submitBox {
						width: 300rpx;
						height: 80rpx;
						background: #1855F6;
						border-radius: 40rpx;
					
						margin: 60rpx auto 0;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #FFFFFF;
						text-align: center;
						line-height: 80rpx;
					}
				}
			}
		}
	}
</style>
